<template>
  <div class="loading">
    <img src="./loading.gif" />
    <p class="desc">{{title}}</p>
  </div>
</template>

<script>
export default {
  name: 'loading',
  props: {
    title: {
      type: String,
      default: '正在载入...'
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~common/stylus/variable.styl'
  .loading {
    width: 100%
    text-align: center
    margin-top: 40px
    img {
      width: 24px
      height: 24px
    }
    .desc {
      margin-top: 10px
      font-size: $font-size-small
    }
  }
</style>
